<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link href="favicon.ico" rel="shortcut icon">
  <link rel="stylesheet" href="css/style.css">
  <title></title>  
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>

<body>
  <div class="container">

    <header class="header clearfix">
      <div class="logo">Southeast Quadrant</div>
    </header>


    <div class="info"> 
      <article class="article clearfix">
        <div class= "col_100">
          <h2>HIPPA / Billing Form</h2>
          <iframe src="HIPAA Part I and Part II.html" width="900" height="1200" scrolling="yes"></iframe>
        </div>

        <div class="clearfix"></div>

        <div class="col_50">
          <form action="#" method="post" class="form">
            <!--<h2>HIPPA / Billing Form</h2>-->

            <p class="col_50">
              <label for="name">Signature:</label><br/>
              <input type="text" name="name" id="name" value="" />
            </p>
            <p class="col_50">
              <label for="email">Date:</label><br/>
              <input type="text" name="email" id="email" value="" />
            </p>
            <div class="clearfix"></div>
                        

            <div class="clearfix"></div>

            <p>
              <label for="checkbox"><input type="checkbox" name="checkbox" id="checkbox" /> Simple agreement</label><br/>
            </p>

            <div>
                <button type="button" class="button">Submit</button>
            </div>
          </form>
        </div>

        <div class="clearfix"></div>

      </article>
    </div>
    
    <footer class="footer clearfix">
      <div class="copyright">Southeast Quadrant Advanced Life Support</div>

      <nav class="menu_bottom">
        <ul>
          <li class="active"><a href="#">About</a></li>
        </ul>
      </nav>
    </footer>

  </div>
</body>
</html>